/**
 *
 * @title 隔行换色
 * @parent 基础 Basic
 * @description 斑马线
 * @type other
 * demo0104
 */
import { Table } from "@tinper/next-ui";
import React, { Component } from 'react';
const columns04 = [
    {
        title: "序号", dataIndex: "index", key: "index", width: 80,
        render(_text, _record, index) {
            return index + 1;
        },
    },
    { title: "订单编号", dataIndex: "orderCode", key: "orderCode", width: 200 },
    { title: "供应商名称", dataIndex: "supplierName", key: "supplierName", width: 200 },
    { title: "类型", dataIndex: "typeName", key: "typeName", width: 200 },
    { title: "采购组织", dataIndex: "purchasing", key: "purchasing", width: 200 },
    { title: "采购组", dataIndex: "purchasingGroup", key: "purchasingGroup", width: 200 },
    { title: "凭证日期", dataIndex: "voucherDate", key: "voucherDate", width: 200 }
];
const data04 = [
    {
        orderCode: "NU0391025",
        supplierName: "xx供应商",
        typeName: "1",
        purchasing: '组织c',
        purchasingGroup: "aa",
        voucherDate: "2018年03月18日",
        key: "1"
    },
    {
        orderCode: "NU0391026",
        supplierName: "xx供应商",
        typeName: "2",
        purchasing: '组织a',
        purchasingGroup: "bb",
        voucherDate: "2018年02月05日",
        key: "2"
    },
    {
        orderCode: "NU0391027",
        supplierName: "xx供应商",
        typeName: "3",
        purchasing: '组织b',
        purchasingGroup: "aa",
        voucherDate: "2018年07月01日",
        key: "3"
    },
    {
        orderCode: "NU0391028",
        supplierName: "xx供应商",
        typeName: "4",
        purchasing: '组织c',
        purchasingGroup: "cc",
        voucherDate: "2019年03月01日",
        key: "4"
    },
    {
        orderCode: "NU0391029",
        supplierName: "xx供应商",
        typeName: "5",
        purchasing: '组织d',
        purchasingGroup: "ss",
        voucherDate: "2019年02月14日",
        key: "5"
    },
    {
        orderCode: "NU0391030",
        supplierName: "xx供应商",
        typeName: "1",
        purchasing: '组织e',
        purchasingGroup: "zz",
        voucherDate: "2019年02月18日",
        key: "6"
    },
    {
        orderCode: "NU0391031",
        supplierName: "xx供应商",
        typeName: "2",
        purchasing: '组织f',
        purchasingGroup: "qq",
        voucherDate: "2019年01月01日",
        key: "7"
    },
    {
        orderCode: "NU0391032",
        supplierName: "xx供应商",
        typeName: "3",
        purchasing: '组织g',
        purchasingGroup: "pp",
        voucherDate: "2019年01月31日",
        key: "8"
    },
];
class MyTable extends Component {
    render() {
        return (<Table className="demo04" columns={columns04} data={data04} stripeLine={true} bordered/>);
    }
}
export default MyTable;